<{extend name="index/header" /}>
<{block name="body"}>
    <style type="text/css">
    .pagination li:first-child span {
        background: url(__INDEX__/images/portfolio/left.png);
        background-repeat: no-repeat;
        text-indent: -999999999px;
        background-position: center top 10px;
        width: 32px;
        height: 36px;
        border: none;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
    }
    .pagination li:last-child span {
        background: url(__INDEX__/images/portfolio/right.png);
        background-repeat: no-repeat;
        text-indent: -999999999px;
        background-position: center top 10px;
        width: 32px;
        height: 36px;
        border: none;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
    }
    </style>
    <!--[if lt IE 9]>
        <script src="__INDEX__/js/html5shiv.js"></script>
        <script src="__INDEX__/js/respond.min.js"></script>
    <![endif]-->

    <section id="page-breadcrumb">
        <div class="vertical-center sun">
             <div class="container">
                <div class="row">
                    <div class="action">
                        <div class="col-sm-12">
                            <h1 class="title">公共祭祀</h1>
                            <p>Public sacrifice</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </section>

    <section id="blog" class="padding-top">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col-sm-7">
                    <div class="row">
                        <{volist name="jisilist" id="vo"}>
                        <div class="col-md-5 col-sm-11 blog-padding-right">
                            <div class="single-blog two-column">
                                <div class="post-thumb">
                                    <a href="<{:url('jisi/jisi',['jisiid'=>$vo.jisiid])}>">
                                        <img src="<{$vo.jisiphoto}>" class="img-responsive" alt="" style="width:100%;height:300px;">
                                    </a>
                                    <div class="post-overlay">
                                        <span class="uppercase">
                                            <a href="<{$vo.jisiid}>"><{$vo.addtime|date="d",###}> <br>
                                            <small><{$vo.addtime|date="m",###}>月</small></a>
                                        </span>
                                    </div>
                                </div>
                                <div class="post-content overflow">
                                    <h2 class="post-title bold">
                                        <a href="details.html">
                                        <{$vo.jisiname}>
                                        </a>
                                    </h2>
                                    <h3 class="post-author"><a href="#">发起人:<{$vo.nickname}></a></h3>
                                    <p><{$vo.jisicontent}></p>
                                    <a href="<{:url('jisi/jisi',['jisilist'=>$vo.jisiid])}>" class="read-more">查看详情</a>
                                </div>
                            </div>
                        </div>
                        <{/volist}>
                    </div> 
                    <div class="blog-pagination">
                        <ul class="pagination">
                          <{$page}>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 col-sm-5">
                    <div class="sidebar blog-sidebar">
                        <div class="sidebar-item  recent">
                            <h3>热门公益</h3>
                            <div class="media">
                                <div class="pull-left">
                                    <a href="#"><img src="__INDEX__/images/portfolio/project1.jpg" alt=""></a>
                                </div>
                                <div class="media-body">
                                    <h4><a href="#">国家提倡和鼓励为帮助妇女开展的社会公益活动</a></h4>
                                    <p>2017-10-10</p>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <a href="#"><img src="__INDEX__/images/portfolio/project2.jpg" alt=""></a>
                                </div>
                                <div class="media-body">
                                    <h4><a href="#">国家提倡和鼓励为帮助妇女开展的社会公益活动</a></h4>
                                    <p>2017-10-10</p>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <a href="#"><img src="__INDEX__/images/portfolio/project3.jpg" alt=""></a>
                                </div>
                                <div class="media-body">
                                    <h4><a href="#">国家提倡和鼓励为帮助妇女开展的社会公益活动</a></h4>
                                    <p>2017-10-10</p>
                                </div>
                            </div>
                        </div>
                        <div class="sidebar-item tag-cloud">
                            <h3>热门标签</h3>
                            <ul class="nav nav-pills">
                                <li><a href="#">活动1</a></li>
                                <li><a href="#">活动2</a></li>
                                <li><a href="#">活动3</a></li>
                                <li><a href="#">活动4</a></li>
                                <li><a href="#">活动5</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<{/block}>